<section class="slice relative bg-1 animate-hover-slide">
        <div class="w-section inverse">
            <div class="container">
                <h3 class="section-title">Data Kependudukan</h3>
                <div id="carouselWork" class="carousel-3 slide animate-hover-slide">
                     <div class="carousel-nav">
                        <a data-slide="prev" class="left color-two" href="#carouselWork"><i class="fa fa-angle-left"></i></a>
                        <a data-slide="next" class="right color-two" href="#carouselWork"><i class="fa fa-angle-right"></i></a>
                    </div>
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="w-box inverse" style="background: #fff; border-bottom: 10px solid #dddddd; padding: 2px">
                                        <div class="figure">
                                            <img alt="" src="<?php echo base_url() ?>static/images/map.jpg" class="img-responsive">
                                            <div class="figcaption bg-2"></div>
                                            <div class="figcaption-btn">
                                                <a href="<?php echo site_url() ?>/map" class="btn btn-xs btn-one"><i class="fa fa-link"></i> Lihat Data</a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <h2>Pemetaan Kependudukan</h2>
                                                <small>Data Persebaran penduduk banyuwangi</small>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="w-box inverse" style="background: #fff; border-bottom: 10px solid #dddddd; padding: 2px">
                                        <div class="figure">
                                            <img alt="" src="<?php echo base_url() ?>static/images/pekerjaan.jpg" class="img-responsive">
                                            <div class="figcaption bg-2"></div>
                                            <div class="figcaption-btn">
                                            <a href="<?php echo site_url() ?>/pekerjaan" class="btn btn-xs btn-one"><i class="fa fa-link"></i> Lihat Data</a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <h2>Berdasarkan Pekerjaan</h2>
                                                <small>Data Persebaran penduduk banyuwangi</small>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-md-3">
                                    <div class="w-box inverse" style="background: #fff; border-bottom: 10px solid #dddddd; padding: 2px">
                                        <div class="figure">
                                            <img alt="" src="<?php echo base_url() ?>static/images/pendidikan.jpg" class="img-responsive">
                                            <div class="figcaption bg-2"></div>
                                            <div class="figcaption-btn">
                                                <a href="<?php echo site_url() ?>/pendidikan" class="btn btn-xs btn-one"><i class="fa fa-link"></i> Lihat Data</a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <h2>Berdasarkan Pendidikan</h2>
                                                <small>Data Persebaran penduduk banyuwangi</small>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="w-box inverse" style="background: #fff; border-bottom: 10px solid #dddddd; padding: 2px">
                                        <div class="figure">
                                            <img alt="" src="<?php echo base_url() ?>static/images/status.jpg" class="img-responsive">
                                            <div class="figcaption bg-2"></div>
                                            <div class="figcaption-btn">
                                                <a href="<?php echo site_url() ?>/status_kawin" class="btn btn-xs btn-one"><i class="fa fa-link"></i> Lihat Data</a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <h2>Berdasarkan Status</h2>
                                                <small>Data Persebaran penduduk banyuwangi</small>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="w-box inverse" style="background: #fff; border-bottom: 10px solid #dddddd; padding: 2px">
                                        <div class="figure">
                                            <img alt="" src="<?php echo base_url() ?>static/images/kelamin.jpg" class="img-responsive">
                                            <div class="figcaption bg-2"></div>
                                            <div class="figcaption-btn">
                                                <a href="<?php echo site_url() ?>/jenis_kelamin" class="btn btn-xs btn-one"><i class="fa fa-link"></i> Lihat Data</a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <h2>Berdasarkan Jenis Kelamin</h2>
                                                <small>Data Persebaran penduduk banyuwangi</small>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="w-box inverse" style="background: #fff; border-bottom: 10px solid #dddddd; padding: 2px">
                                        <div class="figure">
                                            <img alt="" src="<?php echo base_url() ?>static/images/umur.jpg" class="img-responsive">
                                            <div class="figcaption bg-2"></div>
                                            <div class="figcaption-btn">
                                               <a href="<?php echo site_url() ?>/usia" class="btn btn-xs btn-one"><i class="fa fa-link"></i> Lihat Data</a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <h2>Berdasarkan Umur</h2>
                                                <small>Data Persebaran penduduk banyuwangi</small>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="w-box inverse" style="background: #fff; border-bottom: 10px solid #dddddd; padding: 2px">
                                        <div class="figure">
                                            <img alt="" src="<?php echo base_url() ?>static/images/darah.jpg" class="img-responsive">
                                            <div class="figcaption bg-2"></div>
                                            <div class="figcaption-btn">
                                                <a href="<?php echo site_url() ?>/golongan_darah" class="btn btn-xs btn-one"><i class="fa fa-link"></i> Lihat Data</a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <h2>Berdasarkan Gol Darah</h2>
                                                <small>Data Persebaran penduduk banyuwangi</small>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="w-box inverse" style="background: #fff; border-bottom: 10px solid #dddddd; padding: 2px">
                                        <div class="figure">
                                            <img alt="" src="<?php echo base_url() ?>static/images/agama.jpg" class="img-responsive">
                                            <div class="figcaption bg-2"></div>
                                            <div class="figcaption-btn">
                                                <a href="<?php echo site_url() ?>/agama" class="btn btn-xs btn-one"><i class="fa fa-link"></i> Lihat Data</a>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-9">
                                                <h2>Berdasarkan Agama</h2>
                                                <small>Data Persebaran penduduk banyuwangi</small>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                
                                
                            </div>
                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>
    </section>